 body{
     background:url(../img/bg.png) repeat-x;
     min-height: 600px;
     position: relative;

 }

 *{font-family:"微软雅黑"; margin:0; padding:0; border:0; font-size:14px;color:white;}
 html,body{height:100%; width:100%;;}

 a{
    text-decoration: none;
    color: rgba(255, 255, 255,255);
    cursor: pointer;
 }


 .name,.pwd{
    width: 310px;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    outline: none;
    border-radius: 20px;
    background-color: #0A3C78;
    border: 1px solid #329BE0;
 }
 .name:hover,.pwd:hover,.name:focus,.pwd:focus{

    background-color: #052b64;
 }

 #login{

    background: #3fb9ff;
    font-size: 18px;
    width: 329px;
    height: 44px;
    outline: none;
    color: white;
    background: -webkit-linear-gradient(#3fb9ff, #099be7, #229de3);
    background: -o-linear-gradient(#3fb9ff, #099be7, #229de3);
    background: -moz-linear-gradient(#3fb9ff, #099be7, #229de3);
    background: linear-gradient(#3fb9ff, #099be7, #229de3);
    border-radius: 20px;
 }
 #login:hover{
    background: -webkit-linear-gradient(#229de3, #099be7,#3fb9ff);
    background: -o-linear-gradient(#229de3, #099be7,#3fb9ff);
    background: -moz-linear-gradient(#229de3, #099be7,#3fb9ff);
    background: linear-gradient(#229de3, #099be7,#3fb9ff);
 }

 #head{
    height: 50px;
    padding-top: 25px;
    margin-left: 14px;
 }
 #middle{
    margin-top: 100px;
    /* height:600px; */

 }

 #footer a{
    color:black;
 }

 #middle li {
    list-style-type:none;
    margin-top: 15px;
 }

 #children li {
    list-style-type: none;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px double rgb(5, 33, 113);

 }

 #children li a{
    color: rgba(255, 255, 255,255);
 }


    #children li:hover{
        background-color: #354d8d;

    }
    #cloud{
        background: url(../img/cloud.png) repeat;
        width: 100%;
        height: 356px;
        position: absolute;
        bottom: 0px;
        -webkit-animation: cloud 60s linear infinite alternate;
        -moz-animation: clouds 60s linear infinite alternate;


        z-index: -10;

    }

    @-webkit-keyframes cloud {
        0%{background-position:top left}
        100%{background-position:top right}
    }

    @-moz-keyframes clouds {
        0%{background-position:top left}
        100%{background-position:top right}
    }

    #err{
        display:none;
        color:red;
    }
    #sky{
        background: url(../img/sky.png) repeat;
        width: 100%;
        heigth: 462px;
        z-index: -20;
        height: 462px;
        position: absolute;
        top: 0px;
    }
